<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<style type="text/css">
			.div1{
				margin-top: 200px;
				background-image: url(img/sansheng.jpg);
				/*font复合属性，必须按照下面的顺序来编写*/
				font:italic small-caps bold 18px/36px "微软雅黑","黑体","宋体"; 
				font-size:100px;
				line-height:40px ;/*控制每一行的高度,行距=行高-字体大小*/
				color:black;
				color:rgb(255,255,0);/*0-255*/
				color:rgba(255,255,0,.3);/*支持*/
				color:#ffffff;/*16进制模式*/
				text-decoration: underline;/*文本修饰线条*/
				text-shadow: 5px 3px 5px gray;
			
				filter:alpha(opacity=30);/*兼容IE6-8的透明效果*/ 
				opacity:.3;	/*透明度，即使透明度为0，也会占据空间*/
				display: none;/*完全不显示，也不占据空间*/
				visibility: visible;/*可以设置元素是否可见，即使隐藏，也会占据空间*/
				
				
			}
			/*覆盖原来的样式*/
			.div1 .iconfont{
				font-size:100px;
				color:red;
			}
		</style>
	</head>
	<body>
		<div class="div1">
			宝<i class="iconfont icon-check"></i>
		</div>
	</body>
</html>
